<%@ page pageEncoding="UTF-8"%>
<%@ include file="common/tag.jsp" %>
<html>
<head>
<title>秒杀列表页</title>
<%@include file="common/head.jsp"%>
<script src="/seckill/sources/script/seckill.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function(){
		seckill.detail.init({
			seckillId:${seckill.seckillId},
			startTime:${seckill.startTime.time},
			endTime:${seckill.endTime.time}
		});
	});
</script>
</head>
<body>
	<div class="comtainer">
		<div class="panel panel-default text-center">
			<div class="pannel-heading">
				<h1>${ seckill.name }</h1>
			</div>
			<div class="panel-body">
				<!-- 显示time图标 -->
				<span class="glyphicon glyphicon-time"></span>
				<!-- 展示倒计时 -->
				<span class="glyphicon" id="seckill-box"></span>
			</div>
		</div>
		<div class="panel-body">
		
		</div>
	</div>
	<!-- 登录弹出层，输入电话 -->
	<div id="killPhoneModal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-context">
				<div class="modal-header">
					<h3 class="modal-title text-center">
						<span class="glyphicon glyphicon-phone"></span>
					</h3>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-xs-8 col-xs-office-2">
							<input type="text" name="killPhone" id="killPhoneKey"
							placeholder="填手机号^o^" class="form-contril">
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<span id="killPhoneMessage" class="glyphicon"></span>
					<button type="button" id="killPhoneBtn" class="btn btn-success">
						<span class="glyphicon glyphicon-phone"></span>
						Submit
					</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>